<template>
	<view class="">
	<view class="tabbar" @click="Tochange">
			<button type="mini">修改登录密码<p class="arrow" >〉</p></button>
	</view>
		<view class="tabbar" @click="Toset">
			<button type="mini">底部导航栏设置<p class="arrow" >〉</p></button>
	</view>
	<view class="button" >
	<u-button type="primary" shape	="circle" size="default" @click="Tologin">退出登录</u-button>
	</view>
	</view>
</template>

<script>
	 export default {
		 data(){
			 return{
				 
			 }
		 },
		 methods: {
			 
		 	// 修改密码
		 	Tochange(){
		 		wx.navigateTo({
		 			url:'/pages/change-password/change-password'
		 		})
		 	},
			// 底部导航啦设置
			Toset(){
				wx.navigateTo({
					url:'/pages/set-tabbar/set-tabbar'
				})
			},
			//退出登录 
			Tologin(){
				wx.navigateTo({
					url:'/pages/login/login'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.change{
	}
		.arrow{
			width: 20rpx;
			height: 80rpx;
			margin: 0 auto;
			padding-left: 70rpx;
		}
		.tabbar{
			
		}
		button{
		 border-bottom: none;
		 font-size: 30rpx;
		 height: 80rpx;
		 line-height: 80rpx;
		 color: #606266;
		 border-color: #c0c4cc;
		 background-color: #ffffff;
		 position: relative;
		 border: 0;
		 display: flex;
		 -webkit-box-orient: horizontal;
		 -webkit-box-direction: normal;
		}
		.arrow{
			    width: 20rpx;
			    height: 80rpx;
			   margin-right: 40rpx;
		}
		.button{
			  clear:both;
				width: 90%;
				margin: 0 auto;
				padding-top: 76rpx;
				
			}
</style>
